<!--<script>-->
<!--  export default {-->
<!--    // setup函数执行时机在beforeCreate之前，this为 undefined-->
<!--    // setup 内数据需要return出去才能使用-->
<!--    setup() {-->
<!--      // 数据-->
<!--      const message = '你好 Vue3'-->
<!--      // 函数-->
<!--      const logMessage = () => {-->
<!--        console.log(message)-->
<!--      }-->
<!--      console.log('setup函数')-->
<!--      return {-->
<!--        message,-->
<!--        logMessage-->
<!--      }-->
<!--    },-->
<!--    beforeCreate() {-->
<!--      console.log('beforeCreate函数')-->
<!--    }-->
<!--  }-->
<!--</script>-->

<script setup>
// 数据
const message = '你好 Vue3'
// 函数
const logMessage = () => {
  console.log(message)
}
</script>

<template>
  <div>{{ message }}</div>
  <button @click="logMessage">按钮</button>
</template>

<style scoped>

</style>